@basicColor: #444d58;
@borderColor: #d9d9d9;
@whiteStyle: #eff3f8;
@darkStyle: #363842;
@text_in_dark: #f1f1f1;
@btnColor: #32c5d2;
@strongText: #f2784b;


.tools {
  border-bottom: 1px solid @borderColor;
  overflow: hidden;
}

.file-list:not(:last-child) {
  border-bottom: 1px solid @borderColor + 25;
}
/*表报页加阴影*/
.dashboard .grid .grid-item{
  box-shadow: 3px 10px 10px 0 rgba(0,0,0,0.24);
}
.top {
  .grid-item {
    border-radius: 10px;
  }
}
.bottom {
  .grid-item {
    border-radius: 5px;
  }
}
#app.dark .grid .grid-item {
  background-color: @darkStyle + 16;
  color: @text_in_dark - 50;
  .icon {
    color: @text_in_dark - 50;
  }
  .number h3 {
    color: #fff;
  }
}

// White Style模式：
#app.white {
  .views {
    background-color: #eff3f8;
  }
  .content {

    .portlet {
      background-color: #eff3f8 + 16;
    }
  }
  .setting-group .setting-group-wrapper {
    border-color: @borderColor
  }
}

[class*="number-status-"] {
  background-color: #fff;
}
.number-status {
  background-color: #f5f5f5;
}


// Dark Style模式： 黑
#app.dark {
  .dsp-home-main-tras {
    background-color: #363842;
  }
  .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background: #464852;
    border-color: #464852;
  }
  .ant-radio-button-wrapper-checked {
    box-shadow: -1px 0 0 0 #fff
  }
  .number-status {
    background-color: @darkStyle + 10;
  }
  //切换到暗夜模式后 需要变成白色 的元素
  .ant-tabs-nav,.dark-color-fff,
  .userspan,.anticon,.title,
  .peport-nva .pep-nav-col-select,
  .supply-roles,.data,
  .ant-pagination-options-quick-jumper,
  .ant-collapse > .ant-collapse-item > .ant-collapse-header,
  .ant-badge-not-a-wrapper>.ant-badge-status-text,
  .number-status-title,.ant-tree-title{
    color: #e8e8e8!important;
  }

  .new-user-bidder .submenu-title-wrapper .new-user-tips .anticon.anticon-fire {
    color: red!important;;
  }

  //切换到暗夜模式后需要成浅黑色 的元素
  .peport-nva .pep-nav-col,
  .ant-pagination-item-link .anticon,
  .select-phone,
  
  .ant-select-selection__choice>.ant-select-selection__choice__remove>.anticon-close{
    color: #666!important;
  }
  .ant-tree-title .ant-btn .anticon {
    color: inherit!important;
  }
  //主题黑
  .ant-table-fixed, .ant-collapse-borderless,
  .ant-select-selection--multiple>.ant-select-selection__clear{
    background: #464852!important;
  }
  .ant-table-body tr.ant-table-expanded-row {
    background: repeat-x;
  }

  [class*="number-status-"] {
    background-color: @darkStyle + 16;
  }
  .views {
    background-color: #363842;
    .main-head {
      h1 {
        color: #f1f1f1;
      }
    }
  }
  .content {
    .portlet {
      background-color: #363842 + 16;
    }
  }
  .setting-group .setting-group-wrapper {
    border-color: @borderColor
  }
}

@media screen and (max-width: 768px) {
  .main-head {
    display: block;
    background-color: #eff3f8;

  }
  #app.dark .main-head {
    background-color: #363842;
  }
}
